<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <style>

    </style>
</head>
<body>
    正在测试cookie的基本使用
</body>
<script>
        // cookie的语法要求：
        // 1. 字符
        // 2. key=value的格式
        // 3. 一次只能操作一条cookie
        // 4. 使用分号隔开cookie的内容和配置信息
        // 5. 路径配置关键字：path=路径
        // 6. 有效期的配置关键字：expires=日期对象

    // 增加会话级
    document.cookie="aaa=10";
    // 指定有效期
    const d=new Date();
    d.setDate(d.getDate()+3);
    document.cookie="bbb=20;expires="+d;
    // 指定路径
    document.cookie="ccc=30;path=/abc";
    // 制定有效期+路径
    document.cookie = "ddd=40;expires="+d+";path=/abc";
    // 改
    // 改默认路径
    document.cookie="ddd=hello"


    // 查
    // 根据指定名字，查对应的值
    let str = document.cookie;

    console.log(str);

    console.log(str.split("; "))

    str.split("; ").forEach(val=>{
        // console.log(val)
        // console.log(val.split("="))
        if(val.split("=")[0] === "aaa"){
            console.log(val.split("=")[1])
        }
    })

    // 删：（修改有效期）过期就不会存在
    const date=new Date();
    date.setDate(date.getDate()-2)
    document.cookie="ddd=随便内容反正已经过期了;expires="+date;


    console.log(document.cookie)
</script>
</html>